<template>
  <div class="app">
    <h1>Hello Vue 3</h1>
    <button @click="count++">{{ count }}</button>
    <p :class="$content.text">modulecss</p>
  </div>
</template>

<script lang="ts" setup>
import { defineComponent, ref } from "vue";
import $content from "./styles/module/base.module.css";
console.log($content);
// export default defineComponent({
//   name: "App",
//   setup() {
//     const count = ref(0);
//     return { count };
//   },
// });
</script>

<style lang="scss" scoped>
.app {
  h1 {
    // color: base.$color;
    color: base.$color;
  }
  display: flex;
}
</style>
